<!--
* @description 
* @fileName hesuan.vue
* @author huangyu
* @date 2022/07/25 08:20:21
!-->
<template>
    <div class="hesuan" :style="{ height: menuHeight + 'px' }">
        <div class="time">
            {{dateMonth}}月{{dateDate}}日 <CrayonClock />
        </div>
        <div class="number">
            3
        </div>
        <div class="date">
            {{dateMonth}}月{{dateDate-3}}日 23:59 报告时间
        </div>
    </div>
</template>

<script>
import CrayonClock from "@/components/common/clock.vue";
export default {
    components: {CrayonClock},
    data() {
        return {
            menuHeight: document.documentElement.clientHeight,
            dateYear: new Date().getFullYear(),
            dateMonth: new Date().getMonth()+1,
            dateDate: new Date().getDate(),
            timer: "",
        }
    },
    mounted() {
        
    },
    
    methods: {

    },
}
</script>

<style scoped>
.hesuan {
    background: url(./images/hesuan.jpg) no-repeat;
    background-size: 100%;
}
.hesuan .time{position: fixed;top:25%;width: 100%;text-align: center;font-size:32px;font-weight:800;}
.hesuan .number{position: fixed;left:66px;top:69.5%;font-size:52px;color:#fff;padding-top:3px;}
.hesuan .date{position: fixed;left:50%;top:86%;margin-left:-10px;padding-top:2px;font-weight: 550;}
</style>